<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
			.box{
				width: 200px;
				height: 200px;
				/* background-color: pink; */
				background-image: url(./img/10.jpg);
				background-size: 100% 100%;
			}
			.box2{
				width: 100%;
				height: 400px;
			/* 	background-image: url(./img/1.jpg);
				background-repeat: no-repeat; */
				background:url(./img/2.jpg) no-repeat;
				background-size: 100% 100%;
				/* background-attachment: fixed; */
				background-position: 0px 20px;
			}
			.three{
				width: 48px;
				height: 48px;
				background: url(./img/smallfont.png) no-repeat;
				background-size: 100%;
			}
			.second{
				background-position: 0px -68px;
			}
			.third{
				background-position: 0px -126px;
			}
		</style>
	</head>
	<body>
		<!-- <div class="box"></div> -->
		<div class="box2">
			<h1 align="center">烤鱼</h1>
		</div>
		<!-- <div class="box"></div>
		<div class="box"></div>
		<div class="box"></div>
		<div class="box"></div> -->
		<div class="three"></div>
		<div class="three second"></div>
		<div class="three third"></div>
		
	</body>
</html>